* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: Arial, "微软雅黑";
}
img {
  border: none;
  max-width: 100%;
}
body,
p,
div,
form,
input,
button,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
input,
textarea {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-appearance: none;
  font-size: 1em;
  line-height: 1.5em;
}
table {
  border-collapse: collapse;
}
input,
select,
textarea {
  outline: none;
  border: none;
  background: none;
}
a {
  outline: 0;
  cursor: pointer;
}
a:link,
a:active {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  color: #f00;
  text-decoration: underline;
}
a {
  text-decoration: none;
  -webkit-touch-callout: none;
}
em,
i {
  font-style: normal;
}
li,
ol {
  list-style: none;
}
html {
  font-size: 10px;
}
.clearfix::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}
.left ,.fl{
  float: left !important;
}
.right {
  float: right !important;
}
body {
  margin: 0 auto;
  max-width: 750px;
  min-width: 320px;
  color: #555;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
/*/iconfont图标*/
@font-face {
  font-family: "iconfont";
  src: url('../icon/iconfont.eot?t=1469769869');
  /* IE9*/
  src: url('../icon/iconfont.eot?t=1469769869#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../icon/iconfont.woff?t=1469769869') format('woff'), /* chrome, firefox */
  url('../icon/iconfont.ttf?t=1469769869') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../icon/iconfont.svg?t=1469769869#iconfont') format('svg');
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/*解决底部被遮挡*/
/*电脑端保持750px;*/
@media screen and (min-width: 750px) {
  body {
    max-width: 750px !important;
  }
  footer,
  .info {
    max-width: 750px !important;
  }
  section {
    max-width: 750px !important;
  }
}
body.protocols{
  box-sizing: border-box;
  padding: 0.5rem 0.5rem;
}
body.protocols h1{
  position: relative;
  font-size: 0.3rem;
  text-align: center;
  margin-bottom: 0.2rem;
}
body.protocols h1 i{
  line-height: 0.4rem;
  left: 0;
  position: absolute;
  font-size: 0.26rem;
  text-align: center;
  margin-bottom: 0.2rem;
}
body.protocols .content{
  text-indent: 24px;
}
body.no,
body.yes {
  background: #fafafa;
}
body.no p,
body.yes p {
  font-size: 0.24rem;
  color: #999;
}
body.no header,
body.yes header {
  overflow: hidden;
  color: #fff;
  width: 100%;
  height: 3.4rem;
  text-align: center;
  background: -webkit-linear-gradient(left, #6852bc, #a062e0);
  /* Safari 5.1 - 6.0 */
  background: linear-gradient(to right, #6852bc, #a062e0);
  /* 标准的语法 */
}
body.no header h1,
body.yes header h1 {
  margin-top: 0.6rem;
  font-size: 0.36rem;
  font-weight: 500;
}
body.no header h4,
body.yes header h4 {
  font-size: 0.32rem;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  font-weight: 300;
}
body.no header .logo,
body.yes header .logo {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  margin: 0.15rem auto;
}
body.no header .logo i,
body.yes header .logo i {
  font-size: 0.6rem;
  display: inline-block;
  width: 1rem;
  height: 0.7rem;
  line-height: 0.8rem;
}
body.no header  i.yd,
body.yes header  i.yd {
  color: #9cc813 ;
}
body.no  i.lt,
body.yes  i.lt {
  color: red;
}
/*body.no  i.sy,*/
/*body.yes  i.sy {*/
  /*color: orange;*/
/*}*/
body.no header .logo i.dx,
body.yes header .logo i.dx {
  color: #286193;
}
body.no header .logo .opt,
body.yes header .logo .opt {
  font-size: 0.28rem;
  color: #0473c6;
}
body.no header .logo .optE,
body.yes header .logo .optE {
  margin-left: -0.8rem;
  width: 3.2rem;
  font-size: 0.36rem;
  color: #0473c6;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  margin-top: -0.12rem;
  white-space: nowrap;
  text-align: center;
}
body.no section.charge,
body.yes section.charge {
  width: 6.5rem;
  border-radius: 0.1rem;
  margin: -1.5rem auto 0.8rem;
}
body.no section.charge .bg,
body.yes section.charge .bg {
  border-radius: 0.1rem;
  margin: -0.2rem auto;
  border: 1px solid #f5f5f5;
}
body.no section.charge .bg1,
body.yes section.charge .bg1 {
  background: #f5f5f5;
  width: 5.94rem;
  height: 0.4rem;
}
body.no section.charge .bg2,
body.yes section.charge .bg2 {
  background: #fafafa;
  width: 6.2rem;
  height: 0.4rem;
}
body.no section.charge .bg3,
body.yes section.charge .bg3 {
  width: 6.5rem;
  background: #ffffff;
}
body.no section.charge .bg3 h2,
body.yes section.charge .bg3 h2 {
  color: #8c8c8c;
  text-align: center;
  width: 6rem;
  height: 0.9rem;
  line-height: 0.9rem;
  font-size: 0.32rem;
  margin: 0 auto;
  border-bottom: 1px solid #f4f4f4;
}
body.no section.charge .bg3 p,
body.yes section.charge .bg3 p {
  text-align: left;
  width: 6rem;
  height: 0.64rem;
  line-height: 0.64rem;
  margin: 0 auto;
}
body.no section.charge .bg3 p.first,
body.yes section.charge .bg3 p.first {
  margin-top: 0.3rem;
}
body.no section.charge .bg3 p.last,
body.yes section.charge .bg3 p.last {
  margin-bottom: 0.3rem;
}
body.no section.charge .bg3 input[type="text"],
body.yes section.charge .bg3 input[type="text"],
body.no section.charge .bg3 input[type="tel"],
body.yes section.charge .bg3 input[type="tel"] {
  text-align: center;
  display: block;
  width: 6rem;
  height: 0.8rem;
  margin: 0 auto;
  border: 1px solid #ddd;
  border-radius: 0.08rem;
  font-size: 0.36rem;
  margin-bottom: 0.2rem;
}
body.no section.charge .bg3 input[type="text"]:last-child,
body.yes section.charge .bg3 input[type="text"]:last-child {
  margin-bottom: 0.2rem;
}
body.no section.charge .bg3 input.active,
body.yes section.charge .bg3 input.active {
  border-color: rgba(156, 115, 223, 0.9);
}
body.no section.charge .bg3 .tip,
body.yes section.charge .bg3 .tip {
  height: 0.6rem;
  line-height: 0.8rem;
  margin-bottom: 0.2rem;
  color: #6852bc;
  text-align: center;
  font-size: 0.28rem;
  font-weight: 500;
}
body.no section.charge .bg3 .protocol{
	width: 100%;
  font-size: 0.24rem;
  height: 0.24rem;
  line-height: 0.24rem;
  text-align: center;
}
body.no .protocol span{
  display: inline-block;
  width: 0.24rem;
  height:0.24rem;
  border: 1px solid #ddd;
}
body.no .protocol a{
  display: inline-block;
}
body.no .protocol span.active{
  border: 1px solid red;
}
body.no .protocol span img{
  display: none;
  font-size: 0.2rem;
}
body.no section.charge .bg3 input.sub,
body.yes section.charge .bg3 input.sub {
  display: block;
  font-size: 0.32rem;
  width: 6.5rem;
  height: 1rem;
  line-height: 1rem;
  color: #fff;
  background: #a062e0;
  border-radius: 0 0 0.1rem 0.1rem;
}
body.no section.code,
body.yes section.code {
  bottom: 1.7rem;
  text-align: center;
  min-height: 2.2rem;
}
body.no section.code img,
body.yes section.code img {
  width: 1.58rem;
  height: 1.58rem;
}
body.no section.code p,
body.yes section.code p {
  line-height: 0.6rem;
}
body.no footer,
body.yes footer {
  text-align: center;
}
body.no footer p,
body.yes footer p {
  width: 7.5rem;
  min-height: 1rem;
  line-height: 1rem;
}
/*服务热线部分*/
body.server{
  border-top: 0.16rem solid #f5f5f5;
  box-sizing: border-box;
  padding: 0.3rem 0.2rem;
  color: #8c8c8c;
}
.servers li{
  line-height: 0.6rem;
  font-size: 0.28rem;
}
.sub{
  display: block;
  text-align: center;
  font-size: 0.32rem;
  width: 100%;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #fff;
  background: #a062e0;
  border-radius: 0.1rem;
}
.server .sub{
  margin-top: 4.6rem;
}
body.server footer{
  width: 7.1rem;
  position: absolute;
  bottom: 0.3rem;
  text-align: center;
}
/*反馈部分*/
body.fd nav a{
  width: 50%;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.28rem;
  border-bottom:1px solid #d3b6f1;
  text-align: center;
  box-sizing: border-box;
  color:rgb(85, 26, 139);
}
body.fd nav a.active{
  color:#c9a6ed;
  border-bottom: 2px solid #a062e0;
  box-sizing: border-box;
}
body.fd nav a.reply{
  position: relative;
}
body.fd nav a.reply::after{
  content: " ";
  width:3px;
  height:3px;
  background: red;
  border-radius: 50%;
  position: absolute;
  top:0.26rem;
  margin-left: 4px;
}
.feedback{
  width: 100%;
  box-sizing: border-box;
  padding: 0.1rem 0.2rem;
}
.feedback textarea{
  line-height: 0.4rem;
  resize: none;
  width: 100%;
  height: 3rem;
}
.feedback p{
  line-height: 0.6rem;
}
.feedback .add-pic{
  position: relative;
}
.feedback .add-pic input{
  position: absolute;
  display: block;
  height: 0.4rem;
  -webkit-appearance: none;
  opacity: 0;
}
.feedback .add-pic img{
  width: 0.4rem;
  height: 0.4rem;
  vertical-align: middle;
}
.feedback .img-list{
  height: 1.4rem;
  overflow: hidden;
}
.feedback .img-list .img{
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  margin-right: 0.4rem;
}
.feedback .img-list img{
  height: 100%;
  width: 100%;
}
.feedback .img-list .del{
  position: absolute;
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background: red;
  line-height: 0.4rem;
  color: #fff;
  top:-0.16rem;
  right: -0.16rem;
  text-align: center;
  border-radius: 50%;
  font-weight: 600;
  border: 1px solid #fff;
}
.feedback .img-list .img:nth-child(4){
  margin-right: 0.3rem;
}
.feedback .hr{
  position: relative;
  width: 7.5rem;
  left: -0.2rem;
  height: 0.1rem;
  background: #f4f4f4;
}
body.fd .sub{
  margin: 3.4rem auto;
  width: 7.1rem;

}
/*反馈成功的提示页面*/
.sub-tips{
  border-top: 0.16rem solid #f5f5f5;
}
.sub-tips .iconbox{
  width: 1.2rem;
  height: 1.2rem;
  margin:0.9rem auto 0.1rem;
}
.sub-tips p{
  text-align: center;
}
.sub-tips .tip{
  line-height: 1rem;
  font-size: 0.6rem;
  color: #666;
}
.sub-tips .thanks{
  line-height: 0.4rem;
  color: #b3b3b3;
  font-size: 0.24rem;
}
.subAlert{
  z-index: 100;
  text-align: center;
  position: fixed;
  top:5rem;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  padding: 0 0.3rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.2rem;
  color: #fff;
  background: rgb(80,80,80);
  font-size: 0.28rem;
  opacity: 0;
}
.appear{
  animation: alert 2s;
  /*animation-fill-mode:forwards;*/
}
@keyframes alert {
  from {
    opacity: 0;
    top:6rem;
  }
  to {
    opacity: 0.7;
    top:5rem;
  }
}
@-webkit-keyframes alert {
  from {
    opacity: 0;
    top:6rem;
  }
  to {
    opacity: 0.7;
    top:5rem;
  }
}
/*//弹窗样式 ------------公共*/
.full-mask {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
}
.full-mask .alert {
  display: none;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #fff;
  position: fixed;
  width: 6rem;
  line-height: 3rem;
  border-radius: 0 0 0.3rem 0.3rem;
}
.full-mask .alert .close {
  position: absolute;
  font-size: 0.36rem;
  padding: 0.1rem;
  right: 0;
  top: -1.4rem;
  color: #8c8c8c;
}
.full-mask .alert .tip {
  text-align: center;
  font-size: 0.28rem;
  color: #8c8c8c;
}
.full-mask .alert .yes {
  position: absolute;
  line-height: 1.2rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background-color: #a062e0;
  font-size: 0.30rem;
  color: #ffffff;
  text-align: center;
  left: 2.4rem;
  top: 2.4rem;
}
/*信息核对弹框*/
.full-mask .alert .head{
  height: 0.7rem;
  color: #a062e0;
  line-height: 0.7rem;
  position: relative;
  text-align: center;
  font-size: 0.32rem;
  border-bottom: 1px solid #f4f4f4;
}
.full-mask .alert .body{
  box-sizing: border-box;
  padding: 0.4rem 0.3rem;
}
.full-mask .alert .body li{
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.28rem;
}
.full-mask .alert .body li.fuel{
  display: none;
}
.full-mask .alert .foot{
  line-height: 0.7rem;
  height: 0.7rem;
  background-color: #a062e0;
  border-radius: 0 0 0.3rem 0.3rem;
  text-align: center;
  color: #fff;
  font-size: 0.32rem;
}
.full-mask .infoAlert,
.full-mask .typeAlert
{
  border-radius: 0 0 0.3rem 0.3rem;
}
.full-mask .infoAlert .close,
.full-mask .typeAlert .close{
  top: -0.2rem;
}
/*选择卡的类型弹框*/
.full-mask .typeAlert{
  height: 4.34rem;
}
.full-mask .typeAlert .body{
  height: 3rem;
  box-sizing: border-box;
  padding: 0.9rem 1.9rem;
}
.full-mask .typeAlert .btn{
  line-height: 0.4rem;
  font-size: 0.3rem;
  width: 2.5rem;
  height: 0.6rem;
}
.full-mask .typeAlert .cardicon{
  font-size: 0.3rem;
  display: inline-block;
  margin-right: 0.2rem;
  text-align: center;
  vertical-align: middle;
  color: #a062e0;
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 0.2rem;
  border:1px solid #b9b3b3;
}
.full-mask .typeAlert .cardicon2{
  display: none;
}
.full-mask .typeAlert .cardtype{
  width: 1.6rem;
  height: 0.4rem;
  display: inline-block;
}
/*充值协议弹框*/
.full-mask .protocolAlert{
  display: none;
  line-height: 0.4rem;
}
.full-mask .protocolAlert .body{
  height: 4rem;
  overflow-y: scroll;
}
.full-mask .protocolAlert .close{
  top: -0.1rem;
}